<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>product</title>
    <link rel="stylesheet" href="css/clear.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/product.css">
</head>

<body>
    <div class="head">
        <div class="head-c core">
            <img src="img/logo.png" alt="">
            <ul class="list0">
                <li><a href="index.html">首页</a>
                    <span class="line"></span>
                </li>
                <li><a href="project.html">项目</a>
                    <span class="line"></span>
                </li>
                <li class="active"><a href="product.html">产品</a>
                    <span class="line"></span>
                </li>
                <li><a href="serve.html">服务</a>
                    <span class="line"></span>
                </li>
                <li><a href="news.html">新闻</a>
                    <span class="line"></span>
                </li>
                <li><a href="about.html">关于</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- -------------------版心部分----------------------- -->
    <div class="product-c">
        <div class="pic"></div>
        <!---------- 产品部分------------------>
        <div class="bed" id="bed">
            <div class="title">
                <div class="l">
                    <span class="black-text">您的位置：产品 ></span>
                    <span class="blue-text"> 产品中心</span>
                </div>
                <div class="r">
                    <div class="item active">
                        <a href="#bed">床</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#sofa">沙发</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#desk">桌椅</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#closet">衣柜</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#lamp">灯</a>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <!-- 6个卡片 -->
            <div class="list">
                <!-- 每一个分别制作 -->
                <div class="card">
                    <img src="./img/product/a1.jpg" alt="" class="pic">
                    <h2>PEMBERLY ROW</h2>
                    <p>软垫加州特大号床板ZUMA PUMICE</p>

                </div>
                <div class="card">
                    <img src="./img/product/a2.jpg" alt="" class="pic">
                    <h2>SOLOMAN</h2>
                    <p>中世纪浅米色面料平台床</p>

                </div>
                <div class="card margin-r-0">
                    <img src="./img/product/a3.jpg" alt="" class="pic">
                    <h2>CHESTER</h2>
                    <p>簇绒天鹅绒特大号床</p>

                </div>
                <div class="card">
                    <img src="./img/product/a4.jpg" alt="" class="pic">
                    <h2>HAWTHORNE</h2>
                    <p>女王平台床</p>

                </div>
                <div class="card">
                    <img src="./img/product/a5.jpg" alt="" class="pic">
                    <h2>HENRY MID-CENTURY</h2>
                    <p>现代软垫平台床</p>

                </div>
                <div class="card margin-r-0">
                    <img src="./img/product/a6.jpg" alt="" class="pic">
                    <h2>MODBERG</h2>
                    <p>墨西拿灰色生态床</p>

                </div>
            </div>
        </div>
        <!--------------- 沙发------------- -->
        <div class="sofa" id="sofa">
            <div class="title">
                <div class="l">
                    <span class="black-text">您的位置：产品 ></span>
                    <span class="blue-text"> 产品中心</span>
                </div>
                <div class="r">
                    <div class="item">
                        <a href="#bed">床</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item active">
                        <a href="#sofa">沙发</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#desk">桌椅</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#closet">衣柜</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#lamp">灯</a>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <!-- 3个卡片 -->
            <div class="list">
                <!-- 每一个分别制作 -->
                <div class="card">
                    <img src="./img/product/b1.jpg" alt="" class="pic">
                    <h2>OUTDOOR</h2>
                    <p>户外庭院沙发</p>

                </div>
                <div class="card">
                    <img src="./img/product/b2.jpg" alt="" class="pic">
                    <h2>SOLOMAN</h2>
                    <p>汉普顿客厅套装</p>

                </div>
                <div class="card margin-r-0">
                    <img src="./img/product/b3.jpg" alt="" class="pic">
                    <h2>PREMIER</h2>
                    <p>总统客厅套装</p>
                </div>
            </div>
        </div>
        <!--------------- 桌椅------------- -->
        <div class="desk" id="desk">
            <div class="title">
                <div class="l">
                    <span class="black-text">您的位置：产品 ></span>
                    <span class="blue-text"> 产品中心</span>
                </div>
                <div class="r">
                    <div class="item">
                        <a href="#bed">床</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#sofa">沙发</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item active">
                        <a href="#desk">桌椅</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#closet">衣柜</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#lamp">灯</a>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <!-- 3个卡片 -->
            <div class="list">
                <!-- 每一个分别制作 -->
                <div class="card">
                    <img src="./img/product/c1.jpg" alt="" class="pic">
                    <h2>FILTON</h2>
                    <p>绗缝皮革柜台凳</p>

                </div>
                <div class="card">
                    <img src="./img/product/c2.jpg" alt="" class="pic">
                    <h2>ASHFORD SEAN</h2>
                    <p>深色帆布G柜台凳</p>

                </div>
                <div class="card margin-r-0">
                    <img src="./img/product/c3.jpg" alt="" class="pic">
                    <h2>MARIETTE</h2>
                    <p>玛丽埃塔户外铸铝黑沙套件</p>
                </div>
            </div>
        </div>
        <!--------------- 衣柜------------- -->
        <div class="closet" id="closet">
            <div class="title">
                <div class="l">
                    <span class="black-text">您的位置：产品 ></span>
                    <span class="blue-text"> 产品中心</span>
                </div>
                <div class="r">
                    <div class="item">
                        <a href="#bed">床</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#sofa">沙发</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#desk">桌椅</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item active">
                        <a href="#closet">衣柜</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#lamp">灯</a>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <!-- 3个卡片 -->
            <div class="list">
                <!-- 每一个分别制作 -->
                <div class="card">
                    <img src="./img/product/d1.jpg" alt="" class="pic">
                    <h2>MANHATTAN</h2>
                    <p>曼哈顿现代白色衣橱</p>

                </div>
                <div class="card">
                    <img src="./img/product/d2.jpg" alt="" class="pic">
                    <h2>MAGNUSSEN</h2>
                    <p>LANCASTER燕尾灰衣橱</p>

                </div>
                <div class="card margin-r-0">
                    <img src="./img/product/d3.jpg" alt="" class="pic">
                    <h2>SOUTH SHORE</h2>
                    <p>AXESS ARMOIRE黑色绅士衣橱</p>
                </div>
            </div>
        </div>
        <!--------------- 灯------------- -->
        <div class="lamp" id="lamp">
            <div class="title">
                <div class="l">
                    <span class="black-text">您的位置：产品 ></span>
                    <span class="blue-text"> 产品中心</span>
                </div>
                <div class="r">
                    <div class="item">
                        <a href="#bed">床</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#sofa">沙发</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#desk">桌椅</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item">
                        <a href="#closet">衣柜</a>
                        <div class="line"></div>
                    </div>
                    <div class="ver-line"></div>
                    <div class="item active">
                        <a href="#lamp">灯</a>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <!-- 3个卡片 -->
            <div class="list">
                <!-- 每一个分别制作 -->
                <div class="card">
                    <img src="./img/product/e1.jpg" alt="" class="pic">
                    <h2>5-LIGHT</h2>
                    <p>油擦青铜枝形吊灯</p>

                </div>
                <div class="card">
                    <img src="./img/product/e2.jpg" alt="" class="pic">
                    <h2>ZEPLIN 12-LIGHT </h2>
                    <p>SPUTNIK枝形吊灯</p>

                </div>
                <div class="card margin-r-0">
                    <img src="./img/product/e3.jpg" alt="" class="pic">
                    <h2>MOUSSE</h2>
                    <p>现代枝形吊灯米白色灯罩</p>
                </div>
            </div>
        </div>
        <!---------------------- 结尾-------------------- -->
        <div class="end">
            <ul class="end-core">
                <li class="item item1">
                    <p>简设装饰有限公司</p>
                    <div class="icon">
                        <img src="img/wb.png" alt="">
                        <img src="img/wx.png" alt="">
                        <img src="img/qq.png" alt="">
                    </div>
                </li>
                <div class="line"></div>
                <li class="item item2">
                    <p>地址：中国地区**分区6号写字楼888室</p>
                    <p>电话：688-88 88-008</p>
                    <p>传真：000-66668888</p>
                </li>
                <div class="line"></div>
                <li class="item item3">
                    <p>邮编：100000 </p>
                    <p>手机：186-6006-8008"</p>
                    <p>邮箱：00060008@163.com</p>
                </li>
            </ul>
        </div>
</body>

</html>